<template>
  <div>
    <div>
      <a-statistic title="总分" :value="totalScore" style="margin-right: 50px">
      </a-statistic>
    </div>

    <div v-if="teacherType=='1-1'" style="margin-top: 30px" >
      <a-statistic title="部门排名" :value="getOrgRanked" style="margin-right: 50px">
      </a-statistic>
    </div>
  </div>
</template>

<script>
import ECharts from 'vue-echarts/components/ECharts'
import 'echarts/lib/chart/radar'
import * as echarts from 'echarts'

export default {
  name: 'teacherResultTotalScore',
  components: {
    'v-charts': ECharts
  },
  props: {
    userName: {
      type: String,
      required: true
    },
    date: {
      type: String,
      required: true
    },
    teacherCount: {
      type: Object,
      required: true
    },
    totalScore:{
      type: String,
      required: true
    },
    totalOrgRanked:{
      type: String,
      required: true
    },
    teacherType:{
      type:String,
      required: true
    }
  },
  data() {
    return {
      url: {
        list: ''
      },
      options: {
        radar: {
          radius: 60,
          shape: 'circle',
          center: ['50%', '50%'],
          indicator: [
            { name: '教学数量', max: 6500 },
            { name: '科研', max: 30000 },
            { name: '教学建设', max: 16000 },
            { name: '育人与服务', max: 38000 }
          ]
        },
        series: [{
          name: '教师雷达图',
          type: 'radar',
          data: [
            {
              value: [4200, 3000, 20000, 35000]
            }
          ]
        }]
      }
    }
  },
  mounted() {

  },
  computed: {
    getOrgRanked(){
      return this.totalOrgRanked + "/" + this.teacherCount.orgTeacherCount
    }
  },
  methods: {

  }
}
</script>
<style scop>

</style>